<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>全栈方向第二周作业</title>
    <link rel="stylesheet" href="style.css">
</head>
<body> 
    <div>
        <div class="header">
            <div class="content">
                <div class="guide">
                    <div>新品推荐</div>
                    <div>购买产品</div>
                    <div class="space1"><img src="https://happy-puppy.oss-cn-beijing.aliyuncs.com/Happy-puppy/logo.png" title="logo"></div>
                    <div>企业礼包</div>
                    <div>品牌介绍</div>
               </div><img src="https://happy-puppy.oss-cn-beijing.aliyuncs.com/Happy-puppy/%E5%9B%BE%E5%B1%821.png">
                <div class="space2"></div>
            </div>
   </div>
        <div class="detail">
            <div class="content">
                <div class="box1"><img src="https://happy-puppy.oss-cn-beijing.aliyuncs.com/Happy-puppy/%E5%9B%BE%E5%B1%82%205.png">
                <div class="box1a"></div>
                <div class="box1b"></div>
                <div class="box1c"><img src="https://happy-puppy.oss-cn-beijing.aliyuncs.com/Happy-puppy/%E6%92%AD%E6%94%BE.png"></div>
            </div>
            <div class="box2">
                <div class="box2a"></div>
                <div class="box2b"></div>
            </div>        
            <div class="box3"></div>
        </div>
    </div>
        <div class="buy">
            <div class="content">
                <div class="box5">
                    <div><img src="https://happy-puppy.oss-cn-beijing.aliyuncs.com/Happy-puppy/%E7%BA%A2%E7%AC%94.png"></div>
                    <div><img src="https://happy-puppy.oss-cn-beijing.aliyuncs.com/Happy-puppy/%E9%BB%84%E7%AC%94.png"></div>
                    <div></div>
            </div>
            <div class="box6">
                <div class="box6a"></div>
                <div class="box6b">
                    <div></div>
                </div>
    </div> 
        <div class="show">
            <div class="title"></div>
            <div class="box7">
                <div class="box7a">
                    <div id="box7b"><img src="https://happy-puppy.oss-cn-beijing.aliyuncs.com/Happy-puppy/%E7%AC%941.png"></div>
                    <div id="box7c"><img src="https://happy-puppy.oss-cn-beijing.aliyuncs.com/Happy-puppy/%E7%AC%942.png"></div>
                </div>
                <div class="box7a">
                    <div id="box7d"><img src="https://happy-puppy.oss-cn-beijing.aliyuncs.com/Happy-puppy/%E7%AC%943.png"></div>
                    <div id="box7e"><img src="https://happy-puppy.oss-cn-beijing.aliyuncs.com/Happy-puppy/%E7%AC%944.png"></div>
                </div>
                <div class="box7a">
                    <div ids="box7f"><img src="https://happy-puppy.oss-cn-beijing.aliyuncs.com/Happy-puppy/%E7%AC%945.png"></div>
                    <div id="box7g"><img src="https://happy-puppy.oss-cn-beijing.aliyuncs.com/Happy-puppy/%E7%AC%946.png"></div>
                </div>
            </div>
        </div>
        <div class="box8"></div>
    </div>
    </div>
    <div class="recommand">
        <div class="content"></div>
    </div>
    <div class="box9">
        
    </div>
    <div class="content">
        <div class="last2">
            <div class="box10">
                <div id="box10a"><img src="https://happy-puppy.oss-cn-beijing.aliyuncs.com/Happy-puppy/%E6%8E%A8%E8%8D%90%E7%AC%941.png"></div>
                <div id="box10b"><img src="https://happy-puppy.oss-cn-beijing.aliyuncs.com/Happy-puppy/%E6%8E%A8%E8%8D%90%E7%AC%942.png"></div>
                <div id="box10c"><img src="https://happy-puppy.oss-cn-beijing.aliyuncs.com/Happy-puppy/%E6%8E%A8%E8%8D%90%E7%AC%943.png"></div>
            </div>
        </div>
    </div>
</div>
</body>
</html>